$(function () {
    // 轮播交互
    $(".slideshow .carousel #slider").slidebox({
        boxh: 400, //盒子的高度
        w: 1000, //图片的宽度
        h: 400, //图片的高度
        isShow: true, //是否显示控制器
        isShowBtn: true, //是否显示左右按钮
        controltop: 10, //控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 30, //控制按钮宽度
        controlsH: 5, //控制按钮高度
        radius: 10 //控制按钮圆角度数
    });
    // 分类轮播
    $(".Carousel #slider").slidebox({
        boxh: 518, //盒子的高度
        w: 1200, //图片的宽度
        h: 518, //图片的高度
        isShow: true, //是否显示控制器
        isShowBtn: true, //是否显示左右按钮
        controltop: 10, //控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 10, //控制按钮宽度
        controlsH: 10, //控制按钮高度
        radius: 5 //控制按钮圆角度数
    });
    // 轮播手风琴
    $('.slideshow .accordion li ').on({
        'mouseenter': function () {
            // 清除所有li的类名change - li
            $('.slideshow .accordion li ').removeClass('change-li')
            // 为选中的li添加change - li
            $(this).addClass('change-li')
            // 清除所有li的类名change - img
            $('.slideshow .accordion li  img').removeClass('change-img')
            // 为选中的li添加change - img
            $('a img', this).addClass('change-img')
        },
        'mouseleave': function () {
            // 清除所有li的类名change - li和change - img
            $('.slideshow .accordion li ').removeClass('change-li')
            $('.slideshow .accordion li  img').removeClass('change-img')

            // 为第一个li添加类名change - li和change - img
            $('.slideshow .accordion li:first-child ').addClass('change-li')
            $('.slideshow .accordion li:first-child img').addClass('change-img')

        }
    })

    //图书折扣
    $('.books>div ul li').on('mouseenter', function () {
        $(this).css({
            "box-shadow": "0 0 30px #f60",
            border: "2px solid #f60",
            "transform": "translateY(-5px)"
        })
    })
    $('.books>div ul li').on('mouseleave', function () {
        $(this).css({
            "box-shadow": "0 0 0px #666",
            border: "2px solid transparent",
            "transform": "translateY(0px)"
        })
    })
    // 新书上架
    $('.book .rt li').on('mouseenter', function () {

        $('.book .rt li').find("h4").removeClass("none")

        $('h4', this).addClass('none')

        $('.book .rt li').find("div").removeClass("ondisplay")

        $('div', this).addClass('ondisplay')
    })
    $('.book .rt li').on('mouseleave', function () {

        $('.book .rt li').find("h4").removeClass("none")

        $('.book .rt li:first-child h4').addClass('none')

        $('.book .rt li').find("div").removeClass("ondisplay")

        $('.book .rt li:first-child div').addClass('ondisplay')
    })
    let i = 0;
    //  猜你喜欢
    $('.like h3>div').on('click', function () {
        // console.log(11);
        ++i;
        $('.box ul').stop(true).animate({
            marginTop: -500 * i
        })
        if (i === 2) {
            i = -1
        }
    })





})